<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
        <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
        <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>

<style>
input:-webkit-autofill,select:-webkit-autofill {  
    -webkit-box-shadow: 0 0 0px 1000px white  inset !important;  
} 
 
input{
    outline-color: invert ;
	outline-style: none ;
	outline-width: 0px ;
	border: none ;
	border-style: none ;
	text-shadow: none ;
	-webkit-appearance: none ;
	-webkit-user-select: text ;
	outline-color: transparent ;
	box-shadow: none;
}
</style>
</head>
<body style="background-image: url(static/common/image/bg1.jpg);background-size: 100%">
<div class="media">
    <img src="static/common/image/logo.jpg" style="float:left;width:35%;height:330px; margin-left:20%;margin-top:10%;background-color: #FFF">
    <div class="media-body" style=" float:right;margin-right:23%;margin-top:10%;height:330px;background-color: #FFF">
        <form action="/login.do" method="POST">{% csrf_token %}
            <div class=" ml-5 mt-3">
                <img src="static/common/image/user.png" style="height: 20px;width: 20px">
                <input class="mt-5" type="text" placeholder="用户名" name="username">
            </div>
            <div class="dropdown-divider "></div>
            <div class=" ml-5">
                <img src="static/common/image/lock.png" style="height: 20px;width: 20px">
                <input class="mt-4" type="password" placeholder="密码" name="password">
            </div>
            <div class="dropdown-divider "></div>
            <button type="submit" class="btn btn-primary mt-5 ml-5" style="width: 65%">登录</button>
        </form>
    </div>
</div>
</body>
</head>
</html>